罫線いろいろ

1. 四角いマークに見えるけど・・・？ 実は水平線！

　


メモ width= で幅を、size= で太さを指定できます。
同じにすれば、正方形に！　サイズを変えて並べるのもいいかも。

　＜hr width="10" size="10"＞

2. 属性指定で、画像並におしゃれに！
　


color= で色指定して黒に、style= で点線化しました。 他にも border-style:○○ のところを変えたり、size= で太さを変えても。

　＜hr size="1" color="#000000" style="border-style:dotted"＞

　2. のバリエーション。

　border-style属性には、
　　　solid（影なし直線）、double（二重線）、
　　　dotted（点線）、dashed（破線） などがあります。

◆　solid（影なし直線）　

　


noshade と入れる代わりに、style="border-style:solid" と入れても同じ見た目になりますが、ネスケには対応していないので、noshade がオススメ。

　＜hr size="3" color="#000000" noshade＞

◆　double（二重線）

　


style="border-style:double" は、size 指定を 3 以上にしないと二重になりません。

　＜hr size="3" color="#808080" style="border-style:double"＞

◆　dotted（点線）

　

　
　＜hr size="2" color="#FFA4B0" style="border-style:dotted"＞

◆　dashed（破線）

　


　＜hr size="2" color="#78BCFF" style="border-style:dashed"＞

© Rakuten Group, Inc.